<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="../styles/common.css">
    <link rel="stylesheet" href="../styles/herader.css">
    <link rel="stylesheet" href="../styles/shopFooter.css">
    <link rel="stylesheet" href="../styles/footer.css">
    <link rel="stylesheet" href="../styles/G_index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="log">
            <a href="#"></a>
        </div>
        <div class="header_nav">
            <div class="content">
                <ul>
                    <li><a href="#">联想首页</a></li>
                    <li><a href="#">商城</a></li>
                    <li><a href="#">社区</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">门店</a></li>
                    <li><a href="#">手机版</a></li>
                </ul>
            </div>
        </div>
        <div class="header_l">
                <div class="search_btn">
                        <img src="https://p4.lefile.cn/product/adminweb/2018/12/29/f26ff743-3f82-4072-b27a-193f0e9ad675.png" alt="">
                </div>
                <div class="login">
                    <a href="#" class="register">注册</a>
                    <i class="line"></i>
                    <a href="#" class="SignIn">登录</a>
                    <i class="bubble">
                        <a href="#" class="bubble_content">
                            注册送188元大礼包
                            <img src="https://p2.lefile.cn/product/adminweb/2019/01/18/fbd80d7a-1078-42cd-9558-53e374aada77.png" alt="">
                        </a>
                    </i>
                </div>
                <div class="login_show">
                    <ul class="clear">
                        <li class="user">
                            <span class="userName">lenovo46674875</span>
                            <img class="userLeve" src="https://p3.lefile.cn/product/adminweb/2019/01/22/f1d4b5d5-b229-4bb5-93f4-7f0e64b274fe.png" alt="">
                        </li>
                        <li class="car">
                            <a href="#">
                                <img src="https://p2.lefile.cn/product/adminweb/2019/01/18/9f0e8935-982b-4ca9-8772-28da55bd3c5e.png" alt="">
                                <span class="shopCount">3</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="phone">
                <img src="https://p1.lefile.cn/product/adminweb/2019/01/18/c8f87ce8-1e14-4bb3-854e-f86af0f07072.png" alt="">
                <div class="phone_hove">
                    <div class="phone_hove_main">
                        <img src="https://p2.lefile.cn/product/adminweb/2019/01/21/cb6cb783-ef71-4248-9996-3602a7906600.jpg" alt="">
                        <span class="phone_hove_title">
                            联想客户端
                            <span>
                                下载即享
                                <br>
                                188元新人礼
                            </span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="header_box">
            <ul class="box_ul">
                <li><a href="#">私人定制</a></li>
                <li><a href="#">极速到家</a></li>
                <li><a href="#">合伙人</a></li>
                <li><a href="#">依旧换新</a></li>
                <li><a href="#">0元试用</a></li>
                <li><a href="#">企业采购</a></li>
                <li><a href="#">积分商城</a></li>
            </ul>
            <div class="search">
                <div class="search_text">
                    <div class="search_input"></div>
                    <a href="#" class="search_img">
                        <span></span>
                    </a>
                    <input type="text" placeholder="ThinkPad X1 Carbon LTE版">
                </div>
            </div>
        </div>
    </div>
    <!-- 商品主体 -->
    <div class="Goods">
        <!-- 商品nav -->
        <div class="G_nav">
            <!-- <div class="nav_con">
                <a href="#">首页</a>
                > 商品详情 > 拯救者 Y7000 2019高色域 英特尔酷睿i7 15.6英寸游戏笔记本 黑色
            </div> -->
        </div>
        <!-- 商品main -->
        <div class="main clear">
            <div class="main_left">
                <div id="big_img">
                <!-- <img src="https://p2.lefile.cn/product/adminweb/2019/04/26/JzMhyQbMPFXFgjDPcs1Ts5iN1-7158.w520.jpg" alt="" class="pic"> -->
                <!-- <div class="cube"></div> -->
                </div>
                <div class="big-img">
                        <img src="https://p1.lefile.cn/product/adminweb/2019/05/29/T1hmmlvBjMpBlNdE4k3sqwtLk-9483.w520.jpg" alt="">
                </div>
                <div class="paly_picture">
                    <div class="pic_list">
                        <ul>
                            <!-- <li>
                                <a href="javascript:;">
                                    <img src="https://p2.lefile.cn/product/adminweb/2019/04/26/JzMhyQbMPFXFgjDPcs1Ts5iN1-7158.w84.jpg" alt="">
                                </a>
                            </li> -->
                        </ul>
                    </div>
                </div>
                <div class="goods_action">
                    <span class="goods_code">
                            商品编号：81NS0003CD
                    </span>
                    <div class="shares">
                        <a href="#" class="com">
                            <span class="share_icon"></span>
                            <span class="share_txt txt">分享有礼</span>
                        </a>
                    </div>
                    <div class="a_sc">
                        <a href="#" class="com">
                            <span class="a_sc_icon"></span>
                            <span class="collect txt">收藏</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="main_right">
                <div id="goods_id">
                    <!-- <h1 class="title">拯救者 Y7000 2019高色域 英特尔酷睿i7 15.6英寸游戏笔记本 黑色</h1> -->
                </div>
                <div class="dec"></div>
                <div class="price_area">
                    <div class="price_wrapper">
                        <div class="prc_container">
                            <div class="price_desc">会员价</div>
                            <div class="price_prc">
                                <span class="prc_item">￥</span>
                                <span class="prc_show">8999</span>
                            </div>
                        </div>
                        <div class="total_wrap">
                            <div class="total_desc">累计评价</div>
                            <div class="total_conunt">2748</div>
                        </div>
                    </div>
                </div>
                <div class="add clear">
                    <div class="add_title">增值业务</div>
                    <div class="add_detail">
                        <span class="span_bd">支持</span>
                        <div class="old_new">
                            <img src="https://p3.lefile.cn/product/adminweb/2019/07/04/a66983ae-df77-4380-8d3c-6ff2d467465b.png" alt="" class="old_new_img">
                            <a href="#">
                                <span>以旧换新</span>
                            </a>
                        </div>
                        <span class="span_bd">高价回收，急速到账换新机</span>
                    </div>
                </div>
                <div class="norms clear">
                    <ul>
                        <li class="clear">
                            <div class="norms_title">选择配置</div>
                            <div class="norms_list">
                                <span title="2019款 高色域【i5/8G/512G SSD/1650】" class="spec_big"><i>2019款 高色域【i5/8G/512G SSD/16...</i></span>
                                <span title="2019款【i5/8G/512G SSD/1650】" class="spec_big"><i>2019款【i5/8G/512G SSD/1650】</i></span>
                                <span title="2019款 高色域【i7/8G/512G SSD/1650】" class="spec_big"><i>2019款 高色域【i7/8G/512G SSD/16...</i></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="made clear">
                    <div class="made_title">私人定制</div>
                    <div class="mode_pic"><span class="mode_text">选择A面喷涂</span></div>
                </div>
                <!-- 购买数量 -->
                <div class="number clear">
                    <div class="number_title">购买数量</div>
                    <div class="number_count">
                        <div class="add_count_wrap">
                            <span class="reduce">
                                <i class="buy_count_plus"></i>
                            </span>
                            <input type="text" class="txts" value="1">
                            <span class="adds">
                                <i class="buy_count_minus"></i>
                            </span>
                        </div>
                    </div>
                </div>
                <!-- 加入购物车 -->
                <div class="add_car clear">
                    <div class="add_car_title">&nbsp;</div>
                    <div class="add_car_wrap">
                        <div class="add_box">
                            <div class="button_add">加入购物车</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 详情页部分 -->
    <div class="more clear">
        <div class="more_title">
            <div class="title_wrap">
                <div class="more_txt">拯救者 Y7000 2019高色域 英特尔酷睿i7 15.6英寸游戏笔记本 ...</div>
                <ul class="ul_box">
                    <li class="checkde">商品详情</li>
                    <li>配置信息</li>
                    <li>商品评价(2766)</li>
                    <li>服务支持</li>
                    <li class="add_C">
                        <span class="button_A">加入购物车</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 商品底部 -->
    <div class="shop_footer">
            <div class="shop_F_title">
                <img src="https://p3.lefile.cn/product/adminweb/2016/04/25/8518047e-a59d-4123-ad1f-4a68391ec161.jpg" alt="">
            </div>
            <div class="shop_F_link">
                <div class="w1200">
                    <div class="S_F_L_main">
                        <dl>
                            <dt>
                                <a href="#">购物指南</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="#">配送方式</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="#">购物指南</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="#">购物指南</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <a href="#">购物指南</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                        <dl class="padding_none">
                            <dt>
                                <a href="#">购物指南</a>
                            </dt>
                            <dd>
                                <a href="#">服务商信息</a>
                                <a href="#">购买流程</a>
                                <a href="#">注册登录</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
    <!-- 底部 -->
    <div class="footer">
        <ul class="footer_top clear">
            <li class="about_lenovo">
                <a href="#" class="footer_top_title">关于联想</a>
                <a href="#">投资者关系</a>
                <a href="#">加入我们</a>
                <a href="#">联系我们</a>
                <a href="#">销售网点查询</a>
                <a href="#">服务网点查询</a>                
            </li>
            <li class="shop_lenovo">
                <a href="#" class="footer_top_title">联想商城</a>
                <a href="#">0元试用</a>
                <a href="#">极速到家</a>
                <a href="#">联想合伙人</a>
                <a href="#">私人定制</a>
                <a href="#">以旧换新</a>    
                <a href="#">联想众筹</a>                
            </li>
            <li class="service_lenovo">
                <a href="#" class="footer_top_title">联想服务</a>
                <a href="#">驱动与软件下载</a>
                <a href="#">联想知识库</a>
                <a href="#">24小时智能客服</a>
                <a href="#">保修配置查询</a>
                <a href="#">服务政策查询</a>  
                <a href="#">上门快修</a>                
                <a href="#">延长保修</a>
                <a href="#">联想IT管理服务</a>                
            </li>
            <li class="lenovo_website_group">
                <a href="#" class="footer_top_title">联想网站群</a>
                <a href="#">联想创投</a>
                <a href="#">聚享汇</a>
                <a href="#">联想电脑管家</a>
                <a href="#">联想超融合</a>
                <a href="#">联想研究院</a>  
                <a href="#">智慧医疗</a>                
                <a href="#">联想百应平台</a>                
                <a href="#">联想租赁商城</a>                
                <a href="#">联想企业网盘</a>                
                <a href="#">ThinkPad官网</a>                
                <a href="#">lecoo商城</a>                
                <a href="#">联想大数据</a>                
            </li>
            <li class="share">
                <h6>联想官方社交平台</h6>
                <ul class="share_list clear">
                    <li>
                        <a href="#">
                            <p class="qqzone"></p>
                            <p class="lightqqzone"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="weibo"></p>
                            <p class="lightweibo"></p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p class="fun_icon"></p>
                            <p class="light_fun_icon"></p>
                        </a>
                    </li>
                </ul>
                <div class="clear">
                    <a href="#" class="weibo_icon">
                        <p class="wei_bo"></p>
                        <p class="light_wei_bo"></p>
                    </a>
                    <a href="#" class="tieba_icon">
                        <p class="tieba"></p>
                        <p class="light_tieba"></p>
                    </a>
                </div>
                <div class="select_country">选择国家和地区</div>
                <div class="country_options">
                    <div class="all_country">
                        <ul>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                            <li><a href="#">Algeria</a></li>
                        </ul>
                    </div>
                    <div class="cn_img"></div>
                </div>
            </li>
        </ul>
        <div class="footer_bot">
            <div class="footer_bot_content clear">
                <div class="footer_bot_l ">
                    版权所有：1998-2019 联想集团
                    <span>|</span> 
                    <a href="#">法律公告</a>
                    <span>|</span> 
                    <a href="#">隐私权政策</a>
                    <span>|</span> 
                    <a href="#">产品安全</a>
                </div>
                <div class="footer_bot_r">
                    <a href="#">京ICP备11035381</a>
                    <span>|</span>
                    <i>京公网安备110108007970号</i>
                    <span>|</span>
                    <a href="#">营业执照：91110108700000458B</a>
                </div>
            </div>
        </div>
    </div>
    <script src="../scripts/libs/jquery.js"></script>
    <script type="module">
        import goodsIndex from "../scripts/GOODS.index.js"
    </script>
</body>
</html>